<template>
  <div class="flex flex-col h-screen">
    <Header />
    
    <div class="flex flex-1 overflow-hidden">
      <!-- 左侧菜单 -->
      <div class="w-48 flex-shrink-0 text-base mr-5 border-r border-gray-200 border-solid">
        <div 
          class="h-14 flex items-center justify-center cursor-pointer hover:bg-green-100 transition-colors text-l"
          :class="{ 'text-green-700': $route.name === 'intelligentMatch' }"
          @click="toMatch"
        >
          智能匹配
        </div>
        <div 
          class="h-14 flex items-center justify-center cursor-pointer hover:bg-green-100 transition-colors text-l"
          :class="{ 'text-green-700': $route.name === 'financingList' }"
          @click="toFinance"
        >
          融资一览
        </div>
      </div>
      
      <!-- 右侧内容区 -->
      <div class="flex-1 bg-white mt-2 p-5 overflow-y-auto">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script setup>
import Header from '@/components/Header.vue'
import { useRouter } from 'vue-router'

const router = useRouter()

const toMatch = () => {
  router.push({ name: 'intelligentMatch' })
}

const toFinance = () => {
  router.push({ name: 'financingList' })
}
</script>

<style scoped>
/* 可以保留一些必要的自定义样式 */
</style>
